<template>
  <div class="common-layout">
    <el-container>
      <el-header><D1></D1></el-header>
      <el-container>
        <el-aside width="200px"><D2></D2></el-aside>
        <el-container>
          <el-main><router-view></router-view></el-main>
          <el-footer>Footer</el-footer>
        </el-container>
      </el-container>
    </el-container>
  </div>
</template>
<script>
import D1 from "./components/D1.vue";
import D2 from "./components/D2.vue";
export default {
  components: {
    D1,
    D2
  }
};
</script>
